<template>
  <div class="sipi-value-added-service-con">
    <PCard class="item-con" :isCardBorder="true" :shadow="'never'" :isHeadBottomBorder="true"
      :bodyStyle="{ width: '100%' }">
      <div slot="header" class="item-title">业务说明</div>
      <div class="item-body">
        {{pageInfo.dbData.descrpit}}
      </div>
    </PCard>
    <!-- <PCard class="item-con" :isCardBorder="true" :shadow="'never'" :isHeadBottomBorder="true"
      :bodyStyle="{ width: '100%' }">
      <div slot="header" class="item-title">上传资料</div>
      <div class="item-body">
        <UpLoadFile :config="config" v-model="UpLoadFileValue"></UpLoadFile>
      </div>
    </PCard>
    <PCard class="item-con" :isCardBorder="true" :shadow="'never'" :isHeadBottomBorder="true"
      :bodyStyle="{ width: '100%' }">
      <div slot="header" class="item-title">业务费用</div>
      <div class="item-body">
        400元
        <a-button type="primary">去支付</a-button>
      </div>
    </PCard> -->
  </div>
</template>

<script>
export default {
  name: 'sipivalueaddedservice',
  props: {
    pageInfo: { type: Object }
  },
  data(){
    return {
      UpLoadFileValue:{},
      config:{
        readonly: false,  // 用于标记是否是可编辑的 此参数可选   默认值 false 表示可编辑   true 表示只读，不可编辑
        dir: '/qsb/contract/', // 上传文件的地址
        required: false, // 文件上传必填校验 默认为false 不校验   当值为true时进行强制校验
        showCardList: ['card3'],
        upLoadCardListConfig: [
          // { type: '1', tips: '身份证人像面', fileInfo: { name: '', url: '' } }, { type: '1', tips: '身份证国徽面', fileInfo: { name: '', url: '' } }
        ], // 此项最多可以传两组值 {type:'1',tips:'身份证人像面',backgroundPic:''},
        fielConfig: {
          type: '', // 允许上传的文件类型 当为空时表示不限制  默认为空   可供选择类型： 图片  文档  压缩包  发票
          size: 1, // 允许上传的文件个数  默认值为1
          singleFileSize: 50, //上传的单个文件大小 单位为 MB  默认值为1
        }
      },
      descrpit:'--'
    }
  },
}
</script>

<style lang="less">
.sipi-value-added-service-con {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;

  .item-con {
    margin: 10px 0;

    .item-title {
      font-size: 14px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #333333;
    }
  }
}
</style>
